<template>
    <div>
        <div class="sky-screen ivu-mb-16">
            <row :gutter="24">
                <Col span="4">
                    <Select v-model="formItem.select">
                        <Option value="全部">全部</Option>
                        <Option value="医助">医助</Option>
                        <Option value="客服">客服</Option>
                    </Select>
                </Col>
                <Col span="6">
                    <DatePicker type="daterange" placeholder="回访日期"></DatePicker>
                </Col>
            </row>
        </div>
        <div class="sky-note">
            <Tag type="border" color="primary">继续回访(5)</Tag>
            <Tag type="border" color="success">未接通/未回复(3)</Tag>
            <Tag type="border" color="warning">继续回访(2)</Tag>
        </div>
        <Timeline class="ivu-pt-16">
            <TimelineItem>
                <p class="time">2019-10-18 11:59</p>
                <p class="content">问我普查名额怎么申请 想过来看看</p>
                <p class="consultant">
                    客服
                    <span class="c-inr">王语文</span>
                    <Badge status="processing" text="继续回访" />
                </p>
            </TimelineItem>
            <TimelineItem>
                <p class="time">2019-10-16 11:59</p>
                <p class="content">平时7点下班，也没有休息天，想过段时间再看，推了全免检查到31号，手机短信发地址， 一直说谢谢，希望比较小</p>
                <p class="consultant">
                    医助
                    <span class="c-inr">王语文</span>
                    <Badge status="warning" text="未接通/未回复" />
                </p>
            </TimelineItem>
            <TimelineItem>
                <p class="time">2019-09-21 11:59</p>
                <p class="content">问我普查名额怎么申请 想过来看看</p>
                <p class="consultant">
                    客服
                    <span class="c-inr">王语文</span>
                    <Badge status="processing" text="继续回访" />
                </p>
            </TimelineItem>
        </Timeline>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                modal: false,
                loading: false,
                showUpdate: false,
                formItem: {
                    input: '',
                    select: '',
                    radio: '未接通',
                    radios: '微信',
                    checkbox: [],
                    date: '',
                    date1: '',
                    time: '',
                    textarea: ''
                },
                cityList1: [
                    {
                        value: '复诊',
                        label: '复诊'
                    },
                    {
                        value: '专家',
                        label: '专家'
                    },
                    {
                        value: '权威',
                        label: '权威'
                    }
                ],
                cityList2: [
                    {
                        value: '专家活动',
                        label: '专家活动'
                    },
                    {
                        value: '折扣活动',
                        label: '折扣活动'
                    },
                    {
                        value: '援助活动',
                        label: '援助活动'
                    }
                ],
                model7: ''
            }
        },
        methods: {
        }
    }
</script>
<style scoped>
.time {
    font-size: 14px;
    font-weight: bold;
}
.content {
    padding: 10px 0;
}
.consultant {
    color: #9ea7b4;
}
.c-inr {
    margin: 0 10px;
}
.b-phone {
    line-height: 26px;
    font-size: 12px;
}
h4 span {
    margin-left: 5px;
}
.side-bg {
    background: #f2f2f2;
    padding: 24px !important;
}
.return-form {
    padding: 24px;
}
.title {
    font-weight: bold;
    font-size: 16px;
    padding: 24px 0 0 24px;
}
.sky-screen {
    margin-top: 16px;
}
</style>
<style>
.model .ivu-modal-body {
    padding: 0px;
}
</style>
